<template>
	<view class="app-container">
		<Card
			type="error"
			title="写工作总结"
			middle="(2024-05-10 09:00  ~  2024-05-10 10:00)"
			button-text="紧急"
			right-text="发布人：李思阳"
			@click="toDetail(1)"
		/>
		
		<Card
			type="warning"
			title="日报"
			middle="(2024-05-10 09:00  ~  2024-05-10 10:00)"
			button-text="重要"
			right-text="发布人：李思阳"
			@click="toDetail(1)"
		/>
	</view>
</template>

<script>
	import Card from '@/components/card/index.vue'
	export default {
		components: {
			Card,
		},
		data() {
			return {
				
			}
		},
		methods: {
			toDetail(id) {
				uni.navigateTo({
					url: '/pages/myTaskDetail/myTaskDetail?id=' + id || 1
				})
			}
		}
	}
</script>

<style lang="scss" scoped> 
.app-container{
	background-color: #F3F3F3;
	width: 100%;
	height: 100%;
	display: flex;
	padding-top: 20rpx;
	flex-direction: column;
	align-items: center;
	box-sizing: border-box;
}
</style>
